@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Theme Name: Zibber - Business Consulting HTML5 Template
    Author: Basic Theme
    Support: mdsalim400@gmail.com
    Description:  Zibber is a business multi-Purpose HTML5 Template
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    01. Theme default CSS
    02. Header CSS
    03. Slider CSS
    04. Features CSS
    05. Services CSS
    06. Counter CSS
    07. Team CSS
    08. Cta CSS
    09. Price CSS
    10. Brand CSS
    11. Contact CSS
    12. Faq CSS
    13. Achievement CSS
    14. Expart CSS
    15. Testimonial CSS
    16. Case CSS
    17. Blog CSS
    18. Hero CSS
    19. Project CSS
    20. Page Title CSS
    21. Portfolio CSS
    22. Footer CSS


-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
/* 1. Theme default css */
@import url("https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300;400;500;700;900&family=Lato:wght@300;400;700&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #686777;
  line-height: 24px;
}

.w-img img {
  width: 100%;
}

.m-img img {
  max-width: 100%;
}

a,
.btn,
button,
span,
p,
i,
input,
select,
textarea,
li,
img,
*::after,
*::before,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}

a,
button {
  color: inherit;
  outline: none;
  border: none;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
  border: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Frank Ruhl Libre", serif;
  color: #1f1841;
  margin-top: 0px;
  font-weight: 900;
  line-height: 1.2;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 27px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

ul {
  margin: 0px;
  padding: 0px;
}

li {
  list-style: none;
}

p {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #686777;
  margin-bottom: 15px;
  line-height: 24px;
}

*::-moz-selection {
  background:#EB7622;
  color: #ffffff;
  text-shadow: none;
}

::-moz-selection {
  background:#EB7622;
  color: #ffffff;
  text-shadow: none;
}

::selection {
  background:#EB7622;
  color: #ffffff;
  text-shadow: none;
}

/*--
    - Input Placeholder
-----------------------------------------*/
*::-moz-placeholder {
  color: #1f1841;
  font-size: 14px;
  opacity: 1;
}

*::placeholder {
  color: #1f1841;
  font-size: 14px;
  opacity: 1;
}

/*--
    - Common Classes
-----------------------------------------*/
.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

/*--
    - Background color
-----------------------------------------*/
.grey-bg {
  background: #fafafa;
}

.grey-bg-12 {
  background: #f8f7fd;
}

.grey-bg-15 {
  background: #f3f1fa;
}

.grey-bg-16 {
  background: #f3f2f8;
}

.grey-bg-18 {
  background: #f8f8f8;
}

.grey-bg-19 {
  background: #f9f9f9;
}

.theme-bg {
  background:#EB7622;
}

.white-bg {
  background: #ffffff;
}

.black-bg {
  background: #1f1841;
}

.black-bg-2 {
  background: #1b133f;
}

.gradient-bg {
  background-image: -moz-linear-gradient(40deg,#EB7622 0%, #8923ff 100%);
  background-image: -webkit-linear-gradient(40deg,#EB7622 0%, #8923ff 100%);
  background-image: -ms-linear-gradient(40deg,#EB7622 0%, #8923ff 100%);
  background-image: linear-gradient(40deg,#EB7622 0%, #8923ff 100%);
}

/*--
    - color
-----------------------------------------*/
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
  color: #ffffff !important;
}

.theme-color h1,
.theme-color h2,
.theme-color h3,
.theme-color h4,
.theme-color h5,
.theme-color h6,
.theme-color p,
.theme-color span,
.theme-color li,
.theme-color a {
  color:#EB7622 !important;
}

.white-color {
  color: #ffffff !important;
}

.black-color {
  color: #1f1841;
}

.blue-2-color {
  color: #5749ff;
}

.pink-color {
  color: #ff49ec;
}

.green-4-color {
  color: #28ba85;
}

.orange-color {
  color: #fd914f;
}

/* custom col */
.custom-col-2 {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

/* spacing */
.mt--100 {
  margin-top: -100px;
}
@media (max-width: 575px) {
  .mt--100 {
    margin-top: 0;
  }
}

.mt--120 {
  margin-top: -120px;
}

.pt-270 {
  padding-top: 270px;
}

/* btn */
.z-btn {
  display: inline-block;
  height: 54px;
  line-height: 48px;
  border: 2px solid#EB7622;
  background:#EB7622;
  color: #ffffff;
  padding: 0 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-weight: 700;
  text-transform: capitalize;
  min-width: 160px;
  text-align: center;
}
.z-btn i {
  margin-left: 8px;
}
.z-btn:hover {
  background: #ffffff;
  color:#EB7622;
}
.z-btn-white {
  background: #ffffff;
  border-color: #ffffff;
  color: #1f1841;
}
.z-btn-white:hover {
  background: #1f1841;
  border-color: #1f1841;
  color: #ffffff;
}
.z-btn-white-2 {
  font-size: 15px;
  height: 44px;
  line-height: 40px;
}
.z-btn-white-3:hover {
  background:#EB7622;
  border-color:#EB7622;
}
.z-btn-transparent {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.2);
}
.z-btn-transparent:hover {
  background: #ffffff;
  color: #1f1841;
  border-color: #ffffff;
}
.z-btn-transparent-2 {
  border-color: rgba(255, 255, 255, 0.2);
}
.z-btn-border {
  border-color: #e2e0eb;
  color: #1f1841;
  background: transparent;
}
.z-btn-border:hover {
  background:#EB7622;
  color: #ffffff;
  border-color:#EB7622;
}
.z-btn-3 {
  height: 44px;
  line-height: 40px;
}

/* link btn */
.link-btn {
  position: relative;
  font-size: 30px;
  font-weight: 500;
  color: #1f1841;
  text-transform: uppercase;
  padding-right: 25px;
}
.link-btn i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
}
.link-btn i:first-child {
  left: -100%;
  visibility: hidden;
  opacity: 0;
}
.link-btn i:last-child {
  right: 0;
}
.link-btn:hover {
  color: #ffffff;
}
.link-btn:hover i:first-child {
  left: 0;
  visibility: visible;
  opacity: 1;
}
.link-btn:hover i:last-child {
  right: -100%;
  visibility: hidden;
  opacity: 0;
}

.link-btn-2 {
  position: relative;
  font-size: 15px;
  color: #646374;
  font-weight: 700;
  padding-right: 24px;
  display: inline-block;
}
.link-btn-2 i {
  position: absolute;
  top: 55%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  font-size: 18px;
}
.link-btn-2 i:first-child {
  right: 10%;
  visibility: hidden;
  opacity: 0;
}
.link-btn-2 i:last-child {
  right: 0;
}
.link-btn-2:hover {
  color:#EB7622;
}
.link-btn-2:hover i:first-child {
  right: 0;
  visibility: visible;
  opacity: 1;
}
.link-btn-2:hover i:last-child {
  right: -10%;
  visibility: hidden;
  opacity: 0;
}
.link-btn-2.link-btn-3 {
  padding-right: 0;
  padding-left: 24px;
  color: #1f1841;
}
.link-btn-2.link-btn-3 i:first-child {
  left: 10%;
  right: auto;
}
.link-btn-2.link-btn-3 i:last-child {
  left: 0;
  right: auto;
}
.link-btn-2.link-btn-3:hover {
  color:#EB7622;
}
.link-btn-2.link-btn-3:hover i:first-child {
  left: 0;
}
.link-btn-2.link-btn-3:hover i:last-child {
  left: -10%;
}

/* section title */
.section__title span {
  font-size: 18px;
  color:#EB7622;
  display: inline-block;
  font-weight: 700;
  font-family: "Frank Ruhl Libre", serif;
  margin-bottom: 25px;
}
.section__title h2 {
  font-size: 70px;
  font-weight: 900;
  line-height: 1.1;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section__title h2 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .section__title h2 {
    font-size: 50px;
  }
}
.section__title-2 h2 {
  font-size: 60px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section__title-2 h2 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .section__title-2 h2 {
    font-size: 50px;
  }
}
.section__title-3 span {
  margin-bottom: 15px;
}
.section__title-3 h2 {
  font-size: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section__title-3 h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section__title-3 h2 {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .section__title-3 h2 {
    font-size: 35px;
  }
}
.section__title-h2 span {
  margin-bottom: 20px;
}

/* scroll to top */
#scroll a {
  position: fixed;
  right: 30px;
  bottom: 30px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 15px;
  color: #ffffff;
  list-style-type: none;
  background:#EB7622;
  margin-right: 20px;
  border: 1px solid#EB7622;
  z-index: 999;
}

/* theme social */
.theme-social ul li a {
  position: relative;
  overflow: hidden;
}
.theme-social ul li a:hover i:first-child {
  left: -120%;
}
.theme-social ul li a:hover i:last-child {
  left: 50%;
}
.theme-social ul li a i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.theme-social ul li a i:last-child {
  left: 120%;
}

/* basic pagination */
.basic-pagination ul li {
  display: inline-block;
  margin-right: 10px;
}
.basic-pagination ul li.active a {
  color: #ffffff;
  background:#EB7622;
}
.basic-pagination ul li a {
  position: relative;
  overflow: hidden;
  background: #f1f1f1;
  color: #1f1841;
  font-size: 20px;
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.basic-pagination ul li a:hover {
  background:#EB7622;
  color: #ffffff;
}
.basic-pagination ul li a:hover i:first-child, .basic-pagination ul li a:hover span:first-child {
  left: -130%;
}
.basic-pagination ul li a:hover i:last-child, .basic-pagination ul li a:hover span:last-child {
  left: 50%;
}
.basic-pagination ul li a i, .basic-pagination ul li a span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.basic-pagination ul li a i:last-child, .basic-pagination ul li a span:last-child {
  left: 130%;
}

/*----------------------------------------*/
/*  02. HEADER CSS START
/*----------------------------------------*/
.logo-gradient {
  display: none;
}

.header__search-wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  right: auto;
  width: 0%;
  height: 100px;
  background: #1f1841;
  color: #ffffff;
  border: none;
  outline: none;
  padding: 15px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  visibility: hidden;
  opacity: 0;
  z-index: 11;
}
.header__search-wrapper.opened {
  width: 100%;
  left: auto;
  right: 0;
  visibility: visible;
  opacity: 1;
}
.header__search-wrapper input {
  width: 100%;
  padding: 0px;
  padding-right: 30px;
  border: none;
  height: 70px;
  color: #ffffff;
  font-size: 24px;
  font-weight: 400;
  background-color: transparent;
}
.header__search-wrapper input::placeholder {
  color: #bbb;
  text-transform: capitalize;
  font-size: 20px;
}
.header__search-wrapper input:focus {
  border: none;
  outline: none;
}
.header__search-wrapper input:focus::placeholder {
  opacity: 0;
}
.header__search-wrapper button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: transparent;
  font-size: 24px;
}
.header__transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 11;
}
.header__top {
  border-bottom: 1px solid #5323ca;
}
.header__top-4 {
  border-bottom: 1px solid #f0f0f1;
}
.header__social ul li {
  display: inline-block;
  border-right: 1px solid #5323ca;
  margin-left: -3px;
}
.header__social ul li:last-child {
  border-right: 0;
}
.header__social ul li a {
  display: inline-block;
  width: 50px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
}
.header__social ul li a:hover {
  background: rgba(255, 255, 255, 0.4);
}
.header__info ul li {
  display: inline-block;
  margin-left: 30px;
  padding-left: 20px;
  border-left: 1px solid #5323ca;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header__info ul li {
    margin-left: 15px;
  }
}
.header__info ul li:first-child {
  border-left: 0;
}
.header__info ul li a {
  display: inline-block;
  font-size: 14px;
  color: #ffffff;
  height: 40px;
  line-height: 40px;
}
.header__info ul li a.search-toggle {
  width: 40px;
}
.header__info ul li a i {
  margin-right: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header__bottom {
    padding: 20px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header__bottom {
    padding: 20px 0;
  }
}
@media (max-width: 575px) {
  .header__bottom {
    padding: 20px 0;
  }
}
.header__bottom.sticky {
  left: 0;
  margin: auto;
  position: fixed !important;
  top: 0;
  width: 100%;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
  z-index: 9999;
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  background: #ffffff;
}
.header__bottom.sticky .logo-gradient {
  display: block;
}
.header__bottom.sticky .logo {
  display: none;
}
.header__bottom.sticky .main-menu ul li a {
  color: #1f1841;
}
.header__bottom.sticky .main-menu ul li:hover > a {
  color:#EB7622;
}
.header__bottom.sticky .header__btn a {
  background:#EB7622;
  border-color:#EB7622;
  color: #ffffff;
}
.header__bottom.sticky .header__btn a:hover {
  background: #ffffff;
  color:#EB7622;
}
.header__bottom.sticky .sidebar-toggle-btn .line {
  background:#EB7622;
}
.header__bottom-2 {
  padding: 4px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header__bottom-2 {
    padding: 15px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header__bottom-2 {
    padding: 15px 0;
  }
}
@media (max-width: 575px) {
  .header__bottom-2 {
    padding: 15px 0;
  }
}
.header__shape {
  top: 0;
  left: 65px;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .header__shape {
    left: 12%;
  }
}

/* header style */
.header__style-4 .main-menu ul li a {
  color: #646175;
}
.header__style-4 .header__btn a {
  color: #646175;
}
.header__style-4 .header__btn a:hover {
  color: #ffffff;
}

.header__style-5 .header__btn a {
  color: #ffffff;
}
.header__style-5 .header__btn a:hover {
  color: #1f1841;
}

.header__style-6 .header__top-4 {
  border-bottom: 1px solid #f0f0f1;
}
.header__style-6 .header__social ul li {
  border-right: 1px solid #f0f0f1;
}
.header__style-6 .header__social ul li a {
  color: #686777;
}
.header__style-6 .header__social ul li a:hover {
  background:#EB7622;
  color: #ffffff;
}
.header__style-6 .header__info ul li {
  border-left: 1px solid #f0f0f1;
}
.header__style-6 .header__info ul li a {
  color: #686777;
}
.header__style-6 .header__info ul li a:hover {
  color:#EB7622;
}

/* MAIN MENU CSS START */
.main-menu ul li {
  display: inline-block;
  margin-right: 40px;
  position: relative;
  /* submenu css start */
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu ul li {
    margin-right: 25px;
  }
}
.main-menu ul li:last-child {
  margin-right: 0;
}
.main-menu ul li a {
  font-size: 15px;
  font-weight: 700;
  text-transform: capitalize;
  color: #ffffff;
  display: inline-block;
  padding: 20px 0;
  padding-bottom: 25px;
}
.main-menu ul li:hover > a {
  color: #ffffff;
}
.main-menu ul li:hover ul.submenu {
  top: 100%;
  visibility: visible;
  opacity: 1;
}
.main-menu ul li ul.submenu {
  position: absolute;
  top: 110%;
  left: 0;
  min-width: 200px;
  padding: 15px 0;
  background: #ffffff;
  border-top: 4px solid#EB7622;
  z-index: 11;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
}
.main-menu ul li ul.submenu li {
  display: block;
  margin-right: 0;
  padding: 6px 25px 6px 25px;
}
.main-menu ul li ul.submenu li a {
  font-size: 14px;
  display: inline-block;
  padding: 0;
  color: #1f1841;
  position: relative;
}
.main-menu ul li ul.submenu li a::before {
  content: "";
  width: 0;
  height: 1px;
  bottom: 0;
  position: absolute;
  left: auto;
  right: 0;
  z-index: -1;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  background:#EB7622;
}
.main-menu ul li ul.submenu li:hover > a {
  color:#EB7622;
}
.main-menu ul li ul.submenu li:hover > a::before {
  width: 100%;
  left: 0;
  right: auto;
}
.main-menu ul li ul.submenu li:hover > ul.submenu {
  top: 0;
  visibility: visible;
  opacity: 1;
}
.main-menu ul li ul.submenu li ul.submenu {
  top: 10%;
  left: 100%;
  visibility: hidden;
  opacity: 0;
}
.main-menu.header__style-1-menu ul li a {
  padding: 23px 0;
  padding-bottom: 28px;
}
.main-menu.header__style-4-menu ul li a {
  color: #686777;
}
.main-menu.header__style-4-menu ul li a:hover {
  color:#EB7622;
}

.main-menu-3 ul li a {
  color: #2c234d;
}
.main-menu-3 ul li:hover > a {
  color:#EB7622;
}

/* sidebar css start */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-toggle-btn {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .sidebar-toggle-btn {
    margin-left: 50px;
  }
}
@media (max-width: 575px) {
  .sidebar-toggle-btn {
    margin-left: 50px;
  }
}
.sidebar-toggle-btn .line {
  width: 30px;
  height: 3px;
  background-color: #ffffff;
  display: block;
  margin: 6px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sidebar-toggle-btn:hover {
  cursor: pointer;
}
.sidebar-toggle-btn:hover .line {
  -webkit-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
.sidebar-toggle-btn:hover .line:nth-child(1) {
  width: 10px;
}
.sidebar-toggle-btn:hover .line:nth-child(2) {
  width: 20px;
}
.sidebar-toggle-btn-3 .line {
  background-color:#EB7622;
}

.sidebar__area {
  position: fixed;
  right: -340px;
  top: 0;
  width: 320px;
  height: 100%;
  background: #1b133f none repeat scroll 0 0;
  overflow-y: scroll;
  -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: 9999;
}
.sidebar__area.sidebar-opened {
  right: 0px;
}
.sidebar__wrapper {
  position: relative;
  padding: 30px;
}
.sidebar__tab {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.sidebar__tab .nav-tabs {
  background: #130d2d;
  border-bottom: 0;
}
.sidebar__tab .nav-tabs .nav-item {
  text-align: center;
  width: 50%;
}
.sidebar__tab .nav-tabs .nav-item .nav-link {
  color: #ffffff;
  background-color: transparent;
  border: none;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-bottom: 2px solid transparent;
}
.sidebar__tab .nav-tabs .nav-item .nav-link.active {
  background: #1b133f;
}
.sidebar__tab .nav-tabs .nav-item .nav-link:hover {
  background: #ffffff;
  color: #1f1841;
}
.sidebar__content {
  margin-top: 40px;
}
.sidebar__close {
  position: absolute;
  top: 70px;
  right: 80px;
}
.sidebar__close-btn {
  transition: all 450ms cubic-bezier(0.4, 0.25, 0.3, 1.3);
  width: 40px;
  height: 40px;
  position: absolute;
  text-align: center;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  border: 1px solid #2a3a57;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  background: transparent;
  z-index: 99;
}
.sidebar__close-btn:focus {
  border: 1px solid #2a3a57;
}
.sidebar__close-btn span {
  transition: all 400ms cubic-bezier(0.4, 0.25, 0.3, 1.3) 100ms;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 14px;
  font-weight: 900;
  line-height: 40px;
  vertical-align: middle;
}
.sidebar__close-btn span:first-of-type {
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.sidebar__close-btn span:last-of-type {
  text-transform: uppercase;
  transform: translate(-50%, 50%);
  -webkit-transform: translate(-50%, 50%);
  -moz-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  -o-transform: translate(-50%, 50%);
}
.sidebar__close-btn:hover {
  width: 100px;
  border-radius: 0;
}
.sidebar__close-btn:hover span:first-of-type {
  transform: translate(-50%, -150%);
  -webkit-transform: translate(-50%, -150%);
  -moz-transform: translate(-50%, -150%);
  -ms-transform: translate(-50%, -150%);
  -o-transform: translate(-50%, -150%);
}
.sidebar__close-btn:hover span:last-of-type {
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.sidebar__info p {
  color: #bbb;
  margin-bottom: 30px;
  line-height: 28px;
  font-size: 14px;
}
.sidebar__contact ul li {
  margin-bottom: 8px;
  display: flex;
}
.sidebar__contact ul li .icon i {
  line-height: 27px;
  color: #bbb;
  margin-right: 15px;
}
.sidebar__contact ul li .text span {
  color: #bbb;
  font-weight: 700;
}
.sidebar__contact ul li .text span a {
  color: #bbb;
}
.sidebar__contact ul li:hover i, .sidebar__contact ul li:hover span {
  color: #ffffff;
}
.sidebar__contact ul li:hover i a, .sidebar__contact ul li:hover span a {
  color: #ffffff;
}
.sidebar__search {
  margin-top: 30px;
  position: relative;
}
.sidebar__search input {
  width: 100%;
  height: 50px;
  line-height: 50px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: none;
  outline: none;
  padding: 0 15px;
  background: #292151;
  color: #bbb;
}
.sidebar__search input::placeholder {
  color: #bbb;
}
.sidebar__search button {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 50px;
  line-height: 50px;
  color: #bbb;
  background: transparent;
}

.body-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.body-overlay-2 {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  position: fixed;
  bottom: 0;
  height: calc(100% - 115px);
  z-index: 1;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.body-overlay-2.overlay-none {
  visibility: hidden;
  opacity: 0;
}

.body-overlay.opened,
.body-overlay-2.opened {
  opacity: 1;
  visibility: visible;
}

/* mean menu customize */
.mean-container a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-nav {
  background: none;
  margin-top: 0;
}

.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
}

.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}

.mean-container a.meanmenu-reveal {
  display: none !important;
}

.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 10px 0;
  color: #fff;
  border-top: 1px solid #2a3a57;
  font-size: 13px;
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 0px;
  height: 15px;
  line-height: 14px;
  border-bottom: none;
  padding: 0;
  display: inline-block;
  width: 40px;
  height: 44px;
  line-height: 44px;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
  background: #ffffff;
  color: #1f1841;
}

.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked {
  background: #ffffff;
  color: #1f1841;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  color: #1f1841;
}

/*----------------------------------------*/
/*  03. SLIDER CSS START
/*----------------------------------------*/
.single-slider {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.single-slider::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(60deg, #690ed0 0%, #170da2 100%);
  background-image: -ms-linear-gradient(60deg, #690ed0 0%, #170da2 100%);
  background-image: -webkit-linear-gradient(60deg, #690ed0 0%, #170da2 100%);
  background-image: linear-gradient(60deg, #690ed0 0%, #170da2 100%);
  opacity: 0.9;
}
.single-slider-2::before {
  display: none;
}
.single-slider-2.slick-active .slider__content-2::before {
  width: 250px;
}
@media (max-width: 575px) {
  .single-slider-2.slick-active .slider__content-2::before {
    width: 200px;
  }
}

.slider__area {
  position: relative;
}
.slider__area .slick-dots {
  display: none;
}
.slider__area-2 .slick-dots {
  display: inline-block !important;
  position: absolute;
  bottom: 30px;
  left: 140px;
}
.slider__area-2 .slick-dots li {
  display: inline-block;
}
.slider__area-2 .slick-dots li.slick-active button {
  background: #ffffff;
}
.slider__area-2 .slick-dots li button {
  font-size: 0;
  width: 14px;
  height: 14px;
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.3);
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 10px;
}
.slider__height {
  min-height: 950px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__height {
    min-height: 700px;
  }
}
@media (max-width: 575px) {
  .slider__height {
    min-height: 600px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__height-2 {
    min-height: 800px;
  }
}
.slider__content {
  position: relative;
  z-index: 1;
}
.slider__content > span {
  color: #d4d3eb;
  font-size: 20px;
  display: inline-block;
  margin-bottom: 17px;
}
.slider__content h1 {
  font-size: 70px;
  color: #ffffff;
  font-weight: 900;
  margin-bottom: 38px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__content h1 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__content h1 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .slider__content h1 {
    font-size: 50px;
  }
}
.slider__content-2 {
  position: relative;
}
.slider__content-2 > span {
  padding: 4px 10px;
  color: #e6e6e6;
  background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  display: inline-block;
  margin-bottom: 10px;
  font-size: 16px;
}
.slider__content-2 h1 {
  margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .slider__content-2 h1 {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__content-2 h1 {
    font-size: 60px;
  }
}
.slider__content-2 p {
  color: #e6e6e6;
  margin-bottom: 45px;
}
.slider__content-2::before {
  position: absolute;
  content: "";
  left: -100px;
  top: -115px;
  width: 0;
  height: 600px;
  background-image: -moz-linear-gradient(-120deg, #ff24f7 0%, #8923ff 100%);
  background-image: -webkit-linear-gradient(-120deg, #ff24f7 0%, #8923ff 100%);
  background-image: -ms-linear-gradient(-120deg, #ff24f7 0%, #8923ff 100%);
  background-image: linear-gradient(-120deg, #ff24f7 0%, #8923ff 100%);
  opacity: 0.8;
  z-index: -1;
  border-top-left-radius: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__content-2::before {
    top: -90px;
    height: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__content-2::before {
    top: -90px;
    height: 500px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider__content-2::before {
    top: -55px;
    height: 400px;
  }
}
@media (max-width: 575px) {
  .slider__content-2::before {
    top: -65px;
    height: 400px;
    left: auto;
    right: 0px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
  }
}
.slider__content-3::before {
  display: none;
}
.slider__content-3 p {
  display: inline-block;
  margin-bottom: 40px;
}
.slider__content-4 {
  padding-right: 65px;
}
.slider__content-4 p {
  margin-bottom: 55px;
}
@media (max-width: 575px) {
  .slider__play {
    margin-top: 30px;
  }
}
.slider__play-btn {
  display: inline-block;
  width: 90px;
  height: 90px;
  line-height: 86px;
  text-align: center;
  font-size: 25px;
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  animation: pulse 2s infinite;
}
.slider__play-btn:hover {
  background: #ffffff;
  color: #1f1841;
  border-color: #ffffff;
}
.slider__shape img {
  position: absolute;
}
.slider__shape img.triangle {
  right: 28%;
  bottom: 38%;
  animation: triangle 5s linear 0s infinite alternate;
  -webkit-animation: triangle 5s linear 0s infinite alternate;
}
.slider__shape img.dotted-square {
  right: 22%;
  bottom: 31%;
  animation: dottedSquare 8s linear 0s infinite alternate;
  -webkit-animation: dottedSquare 8s linear 0s infinite alternate;
}
.slider__shape img.solid-square {
  bottom: 19%;
  right: 25%;
  z-index: 1;
  animation: solidsquare 5s linear 0s infinite alternate;
  -webkit-animation: solidsquare 5s linear 0s infinite alternate;
}
.slider__shape img.circle {
  right: 10%;
  bottom: -47%;
  animation: sliderCircle 7s linear 0s infinite alternate;
  -webkit-animation: sliderCircle 7s linear 0s infinite alternate;
}
.slider__shape img.circle-2 {
  right: 12%;
  top: 65%;
  animation: sliderCircle 7s linear 0s infinite alternate;
  -webkit-animation: sliderCircle 7s linear 0s infinite alternate;
}
.slider__shape-1 {
  top: -120px;
  left: -100px;
  z-index: -1;
}

/* slider shapw keyframe */
@keyframes triangle {
  0% {
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
  }
  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
}
@keyframes dottedSquare {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@keyframes solidsquare {
  0% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
  25% {
    transform: translateX(50px);
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
  }
  100% {
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
  }
}
@keyframes sliderCircle {
  0% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
/* pulse btn */
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
/*----------------------------------------*/
/*  04. FEATURES CSS START
/*----------------------------------------*/
.features__inner {
  -webkit-box-shadow: 0px 50px 70px 0px rgba(66, 5, 135, 0.3);
  -moz-box-shadow: 0px 50px 70px 0px rgba(66, 5, 135, 0.3);
  box-shadow: 0px 50px 70px 0px rgba(66, 5, 135, 0.3);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
@media (max-width: 575px) {
  .features__inner {
    margin-top: 100px;
  }
}
.features__item {
  position: relative;
  border-right: 1px solid #ad40fc;
  z-index: 1;
  min-height: 300px;
}
.features__item:hover .features__content {
  top: 40%;
}
.features__item:hover .features__btn {
  opacity: 0;
  visibility: visible;
  opacity: 1;
}
.features__item:hover .features__thumb::after {
  opacity: 0;
}
.features__item-2 {
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 45px 40px;
  border-right: none;
  -webkit-box-shadow: 0px 20px 50px 0px rgba(2, 0, 40, 0.1);
  -moz-box-shadow: 0px 20px 50px 0px rgba(2, 0, 40, 0.1);
  box-shadow: 0px 20px 50px 0px rgba(2, 0, 40, 0.1);
}
.features__item-2:hover .features__thumb-2 {
  opacity: 1;
}
.features__item-2:hover .features__content-2 h3 {
  color: #ffffff;
}
.features__item-2:hover .features__content-2 p {
  color: #ffffff;
}
.features__item-2:hover .features__icon i {
  color: #ffffff;
}
.features__item-2:hover .link-btn {
  color: #ffffff;
}
.features__thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.features__thumb::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(-180deg, #dd24ff 0%, #841ff9 100%);
  background-image: -webkit-linear-gradient(-180deg, #dd24ff 0%, #841ff9 100%);
  background-image: -ms-linear-gradient(-180deg, #dd24ff 0%, #841ff9 100%);
  background-image: linear-gradient(-180deg, #dd24ff 0%, #841ff9 100%);
}
.features__thumb::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0b0385;
  opacity: 0.8;
}
.features__thumb-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  opacity: 0;
}
.features__thumb-2::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(60deg, #ff24f7 0%, #781ce2 100%);
  background-image: -webkit-linear-gradient(60deg, #ff24f7 0%, #781ce2 100%);
  background-image: -ms-linear-gradient(60deg, #ff24f7 0%, #781ce2 100%);
  background-image: -linear-gradient(60deg, #ff24f7 0%, #781ce2 100%);
  opacity: 0.8;
}
.features__icon {
  margin-bottom: 20px;
}
.features__icon i {
  font-size: 30px;
  color: #ffffff;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
}
.features__icon-2 {
  margin-bottom: 30px;
}
.features__icon-2 i {
  font-size: 34px;
  color:#EB7622;
}
.features__content {
  position: absolute;
  top: 55%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  padding: 0 15px;
}
.features__content h3 {
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 15px;
}
.features__content-left p {
  margin-bottom: 65px;
  line-height: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features__content-right {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .features__content-right {
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .features__content-right {
    margin-top: 50px;
  }
}
.features__content-2 {
  position: relative;
  z-index: 1;
}
.features__content-2 h3 {
  font-size: 22px;
  font-weight: 900;
}
.features__content-2 p {
  margin-bottom: 25px;
}
.features__btn {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.features__btn a {
  color: #ffffff;
}

/*----------------------------------------*/
/*  05. ABOUT CSS START
/*----------------------------------------*/
.about__thumb {
  position: relative;
}
.about__thumb::after {
  position: absolute;
  bottom: 20px;
  right: 0;
  content: "";
  width: 100%;
  height: 320px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #8aa29a;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__thumb::after {
    right: -45px;
  }
}
.about__thumb-2 {
  z-index: 1;
}
.about__thumb-2::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 400px;
  height: 400px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #f1edf8;
  z-index: -1;
}
@media (max-width: 575px) {
  .about__thumb-2::before {
    width: 280px;
    height: 280px;
  }
}
.about__shape {
  position: absolute;
  top: 100px;
  left: -27px;
  z-index: -1;
}
.about__content {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__content {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about__content {
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .about__content {
    margin-top: 50px;
  }
}
.about__content p {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 40px;
}
.about__list {
  margin-bottom: 55px;
}
.about__list ul li {
  margin-bottom: 15px;
}
.about__list ul li:hover span {
  color:#EB7622;
}
.about__list ul li:hover span i {
  background:#EB7622;
  color: #ffffff;
}
.about__list ul li span {
  font-size: 18px;
  font-weight: 600;
  color: #1f1841;
  position: relative;
  padding-left: 30px;
}
.about__list ul li span i {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 10px;
  line-height: 20px;
  text-align: center;
  color:#EB7622;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ecebff;
  margin-right: 8px;
}

/*----------------------------------------*/
/*  06. CAPABILITIES CSS START
/*----------------------------------------*/
.capabilities__thumb {
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .capabilities__thumb {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .capabilities__thumb {
    display: none;
  }
}
@media (max-width: 575px) {
  .capabilities__thumb {
    display: none;
  }
}
.capabilities__shape {
  left: 0;
  top: -165px;
}
.capabilities__list ol li {
  list-style: inherit;
  margin-left: 22px;
  margin-bottom: 25px;
  font-size: 22px;
  color: #777689;
  font-family: "Frank Ruhl Libre", serif;
}
.capabilities__list ol li:hover {
  color: #ffffff;
}

/*----------------------------------------*/
/*  05. SERVICES CSS START
/*----------------------------------------*/
.services__area-2 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services__area-2 {
    margin-top: 350px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services__area-2 {
    margin-top: 350px;
  }
}
@media (max-width: 575px) {
  .services__area-2 {
    margin-top: 350px;
  }
}
.services__item {
  padding-right: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__item {
    padding-right: 15px;
  }
}
.services__item:hover .services__icon img {
  -webkit-transform: translate3d(0, -10px, 0);
  -moz-transform: translate3d(0, -10px, 0);
  -ms-transform: translate3d(0, -10px, 0);
  -o-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}
.services__item-2 {
  padding: 40px;
  margin-left: 2px;
  margin-right: 2px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__item-2 {
    padding: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services__item-2 {
    padding: 30px;
  }
}
.services__item-2:hover {
  -webkit-box-shadow: 0px 20px 20px 0px rgba(3, 0, 53, 0.06);
  -moz-box-shadow: 0px 20px 20px 0px rgba(3, 0, 53, 0.06);
  box-shadow: 0px 20px 20px 0px rgba(3, 0, 53, 0.06);
}
.services__icon {
  min-height: 45px;
}
.services__icon img {
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -moz-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -ms-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -o-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__icon-item {
    margin-right: 40px;
  }
}
@media (max-width: 575px) {
  .services__icon-item {
    margin-right: 0px;
  }
}
.services__icon-item .text h3 {
  font-size: 18px;
  margin-bottom: 15px;
}
.services__content h3 {
  font-size: 22px;
  font-weight: 900;
}
.services__content h3:hover a {
  color:#EB7622;
}
.services__content-2 h3 {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__content-2 h3 {
    font-size: 20px;
  }
}
.services__content-2 p {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__content-3 {
    padding-left: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services__content-3 {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services__content-3 {
    margin-top: 50px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 575px) {
  .services__content-3 {
    margin-top: 50px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.services__content-3 h3 {
  font-size: 30px;
}
.services__content-3 p {
  margin-bottom: 40px;
}
.services__nav .nav-item {
  margin-right: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__nav .nav-item {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services__nav .nav-item {
    margin-right: 30px;
  }
}
@media (max-width: 575px) {
  .services__nav .nav-item {
    margin-right: 0px;
  }
}
.services__nav .nav-link {
  padding: 0;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: transparent;
  font-size: 18px;
  color: #1f1841;
  font-weight: 500;
}
.services__nav .nav-link i {
  display: inline-block;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  color:#EB7622;
  margin-right: 18px;
  background: #ffffff;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(8, 2, 46, 0.1);
  -moz-box-shadow: 0px 10px 30px 0px rgba(8, 2, 46, 0.1);
  box-shadow: 0px 10px 30px 0px rgba(8, 2, 46, 0.1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.services__nav .nav-link.active {
  background: transparent;
  color: #5749ff;
}
.services__tab {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services__thumb {
    padding-left: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services__thumb {
    padding-left: 30px;
  }
}
@media (max-width: 575px) {
  .services__thumb {
    padding-left: 15px;
  }
}
.services__text h3 {
  font-size: 30px;
  margin-bottom: 15px;
}
.services__text p {
  margin-bottom: 45px;
}
.services__text p span {
  color:#EB7622;
  position: relative;
}
.services__text p span::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background:#EB7622;
}
.services__text h4 {
  font-size: 18px;
  font-family: "Lato", sans-serif;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 1.5;
}
.services__list ul li {
  font-size: 16px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
}
.services__list ul li::after {
  position: absolute;
  content: "";
  left: 0;
  top: 3px;
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  color:#EB7622;
}
.services__widget {
  padding: 43px 40px;
  padding-bottom: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services__widget {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 575px) {
  .services__widget {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.services__widget-title h4 {
  font-size: 24px;
  margin-bottom: 20px;
}
.services__link ul li {
  margin-bottom: 15px;
}
.services__link ul li:last-child {
  margin-bottom: 0;
}
.services__link ul li a {
  padding-left: 20px;
  position: relative;
}
.services__link ul li a::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  color:#EB7622;
}
.services__link ul li a:hover {
  color:#EB7622;
}
.services__link ul li a:hover::after {
  left: 5px;
}
.services__form input {
  width: 100%;
  height: 50px;
  border: 2px solid transparent;
  background: #ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 0 20px;
  margin-bottom: 20px;
}
.services__form input::placeholder {
  color: #9b9aa4;
}
.services__form input:focus {
  border-color:#EB7622;
  outline: none;
}
.services__form input:focus::placeholder {
  opacity: 0;
}
.services__action {
  padding: 15px 30px;
  position: relative;
}
.services__action::after {
  position: absolute;
  content: "";
  top: auto;
  left: 0;
  bottom: 0;
  width: 3px;
  height: 0;
  background:#EB7622;
}
.services__action:hover::after {
  top: 0;
  bottom: auto;
  height: 100%;
}
.services__action a {
  margin-bottom: 0;
  display: block;
}
.services__action a i {
  color:#EB7622;
  padding-right: 15px;
}
.services__action a:hover {
  color:#EB7622;
}
@media (max-width: 575px) {
  .services__sidebar {
    margin-right: 0;
  }
}

/*----------------------------------------*/
/*  06. COUNTER CSS START
/*----------------------------------------*/
.counter__area {
  position: relative;
}
.counter__area-2::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 330%;
  background: url("../img/bg/wave-bg.png");
  z-index: -1;
}
.counter__inner {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 40px 80px 0px rgba(43, 2, 89, 0.1);
  -moz-box-shadow: 0px 40px 80px 0px rgba(43, 2, 89, 0.1);
  box-shadow: 0px 40px 80px 0px rgba(43, 2, 89, 0.1);
  padding: 90px 0;
  padding-bottom: 65px;
}
.counter__item h2 {
  font-size: 50px;
  margin-bottom: 0;
  font-weight: 900;
  line-height: 1;
}
.counter__item span {
  text-transform: capitalize;
}
.counter__item-2 span {
  color: #626082;
}

/*----------------------------------------*/
/*  07. TEAM CSS START
/*----------------------------------------*/
.team__area {
  position: relative;
}
.team__area::after {
  position: absolute;
  content: "";
  bottom: -25px;
  left: 0;
  width: 100%;
  background: url("../img/bg/wave-bg.png");
  height: 140%;
  z-index: -1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team__area::after {
    height: 132%;
  }
}
.team__item {
  padding: 30px 35px;
  background: #423d7c;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.team__item-add {
  background: #ffffff;
}
.team__item-add::after {
  display: none;
}
.team__item::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(-130deg, #dd24ff 0%, #841ff9 100%);
  background-image: -webkit-linear-gradient(-130deg, #dd24ff 0%, #841ff9 100%);
  background-image: -ms-linear-gradient(-130deg, #dd24ff 0%, #841ff9 100%);
  background-image: linear-gradient(-130deg, #dd24ff 0%, #841ff9 100%);
  opacity: 0;
}
.team__item:hover::after {
  opacity: 1;
}
.team__item:hover .team__info {
  top: 35px;
  visibility: visible;
  opacity: 1;
}
.team__item:hover .team__social {
  bottom: 35px;
  visibility: visible;
  opacity: 1;
}
.team__add {
  padding: 113px 0;
}
.team__add a {
  font-size: 50px;
  color: #9895b4;
}
.team__add a:hover {
  color:#EB7622;
}
.team__thumb img {
  width: 200px;
  height: 200px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.team__content h3 {
  font-size: 22px;
  margin-bottom: 0;
  color: #ffffff;
  text-transform: capitalize;
}
.team__content span {
  font-size: 15px;
  color: #cac9d3;
}
.team__info {
  position: absolute;
  top: 10px;
  left: 30px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.team__info h3 {
  font-size: 22px;
  margin-bottom: 0;
  color: #ffffff;
  text-transform: capitalize;
}
.team__info span {
  font-size: 15px;
  color: #cac9d3;
}
.team__social {
  position: absolute;
  bottom: 10px;
  left: 30px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.team__social ul li {
  display: inline-block;
  margin-right: 7px;
}
.team__social ul li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #7b23de;
  font-size: 14px;
  color: #ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.team__social ul li a:hover {
  background: #ffffff;
  color: #7b23de;
}
.team__details-inner {
  -webkit-box-shadow: 0px 50px 80px 0px rgba(3, 0, 53, 0.1);
  -moz-box-shadow: 0px 50px 80px 0px rgba(3, 0, 53, 0.1);
  box-shadow: 0px 50px 80px 0px rgba(3, 0, 53, 0.1);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.team__details-shape {
  right: -11%;
  bottom: -16%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .team__details-shape {
    right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team__details-shape {
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team__details-shape {
    right: -3%;
    bottom: -7%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .team__details-shape {
    right: -3%;
    bottom: -7%;
  }
}
@media (max-width: 575px) {
  .team__details-shape {
    right: -3%;
    bottom: -5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team__details-img {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team__details-img {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .team__details-img {
    margin-right: 0px;
  }
}
@media (max-width: 575px) {
  .team__details-img {
    margin-right: 0px;
  }
}
.team__details-img img {
  -webkit-border-radius: 30px 0 0 30px;
  -moz-border-radius: 30px 0 0 30px;
  border-radius: 30px 0 0 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team__details-content {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team__details-content {
    padding: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .team__details-content {
    padding: 40px;
  }
}
@media (max-width: 575px) {
  .team__details-content {
    padding: 40px;
  }
}
.team__details-content > span {
  font-size: 20px;
  display: inline-block;
  margin-bottom: 7px;
}
.team__details-content h3 {
  font-size: 30px;
  margin-bottom: 15px;
}
.team__details-content p {
  margin-bottom: 35px;
  padding-right: 80px;
}
.team__details-contact ul li {
  margin-bottom: 8px;
  display: flex;
}
.team__details-contact ul li .icon i {
  line-height: 27px;
  color:#EB7622;
  margin-right: 15px;
}
.team__details-contact ul li .text span {
  font-weight: 500;
}
.team__details-social ul li {
  display: inline-block;
  margin-right: 7px;
}
.team__details-social ul li a {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #f1f1f1;
  font-size: 14px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.team__details-social ul li a:hover {
  background:#EB7622;
  color: #ffffff;
}
.team__details-info h4 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 25px;
}
.team__details-info p {
  margin-bottom: 25px;
}

/*----------------------------------------*/
/*  08. CTA CSS START
/*----------------------------------------*/
.cta__area {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.cta__area::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(60deg, #690ed0 0%, #170da2 100%);
  background-image: -ms-linear-gradient(60deg, #690ed0 0%, #170da2 100%);
  background-image: -webkit-linear-gradient(60deg, #690ed0 0%, #170da2 100%);
  background-image: linear-gradient(60deg, #690ed0 0%, #170da2 100%);
  opacity: 0.8;
}
.cta__content span {
  font-family: "Frank Ruhl Libre", serif;
  font-size: 20px;
  color: #d4d3eb;
  display: inline-block;
  margin-bottom: 10px;
}
.cta__content h1 {
  font-size: 70px;
  color: #ffffff;
  font-weight: 900;
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta__content h1 {
    font-size: 55px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta__content h1 {
    font-size: 40px;
  }
}
@media (max-width: 575px) {
  .cta__content h1 {
    font-size: 30px;
  }
}
.cta__btn a:first-child {
  margin-right: 30px;
}
@media (max-width: 575px) {
  .cta__btn a:first-child {
    margin-right: 0;
  }
}

/*----------------------------------------*/
/*  09. PRICE CSS START
/*----------------------------------------*/
.price__inner {
  z-index: 1;
}
.price__item {
  padding: 60px;
  padding-bottom: 50px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid#EB7622;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .price__item {
    padding: 60px 20px;
  }
}
.price__item::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(-120deg, #690ed0 0%, #170da2 100%);
  background-image: -webkit-linear-gradient(-120deg, #690ed0 0%, #170da2 100%);
  background-image: -ms-linear-gradient(-120deg, #690ed0 0%, #170da2 100%);
  background-image: linear-gradient(-120deg, #690ed0 0%, #170da2 100%);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}
.price__item p {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 42px;
  color: #1f1841;
}
.price__item a.price-btn {
  display: inline-block;
  min-height: 50px;
  line-height: 50px;
  text-align: center;
  color:#EB7622;
  background: #ecebff;
  padding: 0 85px;
  min-width: 250px;
  font-size: 15px;
  font-weight: 700;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.price__item a.price-btn:hover {
  background: #ffffff;
  color:#EB7622;
}
.price__item:hover::after, .price__item.active::after {
  visibility: visible;
  opacity: 1;
}
.price__item:hover .price-btn, .price__item.active .price-btn {
  background: #ffffff;
  color:#EB7622;
}
.price__item:hover p, .price__item.active p {
  color: #ffffff;
}
.price__item:hover .price__tag h1, .price__item.active .price__tag h1 {
  color: #ffffff;
}
.price__item:hover .price__tag span, .price__item.active .price__tag span {
  color: #ffffff;
}
.price__item:hover .price__features ul li span, .price__item.active .price__features ul li span {
  color: #ffffff;
}
.price__item:hover .price__features ul li span::after, .price__item.active .price__features ul li span::after {
  background: #ffffff;
}
.price__item:hover .price__shape, .price__item.active .price__shape {
  right: -150px;
  visibility: visible;
  opacity: 1;
}
.price__shape {
  top: -75px;
  right: -100%;
  visibility: hidden;
  opacity: 0;
}
.price__tag h1 {
  font-size: 74px;
  font-weight: 900;
  margin-bottom: 0px;
  line-height: 1;
}
.price__features ul li {
  margin-bottom: 15px;
}
.price__features ul li span {
  padding-left: 22px;
  position: relative;
}
.price__features ul li span::after {
  position: absolute;
  content: "";
  left: 0;
  top: 7px;
  width: 7px;
  height: 7px;
  background: #bcbbcb;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.price__tab {
  position: relative;
}
.price__tab .nav-tabs {
  position: relative;
  width: 220px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #f4f5fd;
  padding: 5px;
  border-bottom: 0;
}
.price__tab .nav-tabs .nav-item {
  margin-right: 14px;
}
.price__tab .nav-tabs .nav-item:last-child {
  margin-right: 0;
}
.price__tab .nav-tabs .nav-item .nav-link {
  padding: 0 25px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  background: transparent;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-weight: 700;
}
.price__tab .nav-tabs .nav-item .nav-link.active {
  background: #ffffff;
  color:#EB7622;
  -webkit-box-shadow: 0px 2px 6px 0px rgba(11, 0, 65, 0.06);
  -moz-box-shadow: 0px 2px 6px 0px rgba(11, 0, 65, 0.06);
  box-shadow: 0px 2px 6px 0px rgba(11, 0, 65, 0.06);
}
.price__offer {
  position: absolute;
  top: -50px;
  right: 28%;
}
.price__offer span {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  padding: 0 15px;
  color: #25ad0a;
  background: #e9f7e6;
  font-weight: 700;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.price__offer img {
  position: absolute;
  top: 0;
  right: 98%;
}

/*----------------------------------------*/
/*  10. BRAND CSS START
/*----------------------------------------*/
.brand__subtitle p {
  font-size: 16px;
  padding-right: 120px;
  margin-top: 30px;
}
.brand__item {
  margin-bottom: 90px;
  text-align: center;
}
.brand__item img {
  width: inherit !important;
  display: inline-block !important;
}
.brand__shape img {
  position: absolute;
}
.brand__shape img.square {
  top: 22%;
  left: 0;
  animation: square 10s linear 0s infinite alternate;
  -webkit-animation: square 10s linear 0s infinite alternate;
}
.brand__shape img.circle {
  top: 44%;
  left: 3%;
  animation: circle 10s linear 0s infinite alternate;
  -webkit-animation: circle 10s linear 0s infinite alternate;
}
.brand__shape img.circle-2 {
  right: 3%;
  top: 46%;
  animation: circle2 10s linear 0s infinite alternate;
  -webkit-animation: circle2 10s linear 0s infinite alternate;
}
.brand__shape img.triangle {
  right: 6%;
  bottom: 38%;
  animation: trinlge 5s linear 0s infinite alternate;
  -webkit-animation: trinlge 5s linear 0s infinite alternate;
}

@keyframes square {
  0% {
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
  }
  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
}
@keyframes circle {
  0% {
    transform: translateX(-100px);
    rotate: 0deg;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
  }
  100% {
    transform: translateY(-100px);
    rotate: 180deg;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
  }
}
@keyframes circle2 {
  0% {
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
  }
  25% {
    transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
  }
  75% {
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
  }
  100% {
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
  }
}
@keyframes trinlge {
  0% {
    transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
  }
  25% {
    transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
  }
  75% {
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
  }
  100% {
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
  }
}
/*----------------------------------------*/
/*  11. CONTACT CSS START
/*----------------------------------------*/
.contact__area {
  position: relative;
}
.contact__map {
  height: 750px;
}
.contact__map iframe {
  height: 100%;
  width: 100%;
  border: none;
}
.contact__wrapper {
  position: absolute;
  top: 50%;
  left: 375px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #ffffff;
  width: 870px;
  min-height: 490px;
  padding: 65px 60px;
  padding-right: 70px;
  -webkit-box-shadow: 0px 30px 50px 0px rgba(10, 0, 58, 0.08);
  -moz-box-shadow: 0px 30px 50px 0px rgba(10, 0, 58, 0.08);
  box-shadow: 0px 30px 50px 0px rgba(10, 0, 58, 0.08);
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .contact__wrapper {
    left: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact__wrapper {
    left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__wrapper {
    left: 30px;
    width: 700px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact__wrapper {
    left: 30px;
    width: 500px;
  }
}
@media (max-width: 575px) {
  .contact__wrapper {
    left: 30px;
    width: 280px;
    padding: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__info {
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact__info {
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .contact__info {
    margin-right: 0;
  }
}
.contact__info h3 {
  font-size: 40px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 25px;
}
.contact__info ul li {
  margin-bottom: 40px;
}
.contact__info ul li:last-child {
  margin-bottom: 0 !important;
}
.contact__info ul li h4 {
  font-size: 16px;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  text-transform: capitalize;
}
.contact__info ul li p {
  margin-bottom: 0;
}
.contact__info ul li p a:hover {
  color:#EB7622;
}
.contact__form {
  width: 50%;
  margin-top: 5px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact__form {
    width: 100%;
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .contact__form {
    width: 100%;
    margin-top: 50px;
  }
}
.contact__form input, .contact__form textarea {
  height: 50px;
  line-height: 46px;
  color: #1f1841;
  width: 100%;
  background: #f5f5f5;
  border: 2px solid transparent;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 15px;
  padding: 0 15px;
}
.contact__form input::placeholder, .contact__form textarea::placeholder {
  font-size: 13px;
  text-transform: capitalize;
  color: #686777;
}
.contact__form input:focus, .contact__form textarea:focus {
  border-color:#EB7622;
  background: #ffffff;
  outline: none;
}
.contact__form input:focus::placeholder, .contact__form textarea:focus::placeholder {
  opacity: 0;
}
.contact__form textarea {
  height: 120px;
  resize: none;
}
.contact__help-item {
  padding: 50px 100px;
  -webkit-box-shadow: 0px 30px 60px 0px rgba(10, 0, 58, 0.1);
  -moz-box-shadow: 0px 30px 60px 0px rgba(10, 0, 58, 0.1);
  box-shadow: 0px 30px 60px 0px rgba(10, 0, 58, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__help-item {
    padding: 50px;
  }
}
@media (max-width: 575px) {
  .contact__help-item {
    padding: 30px 15px;
  }
}
.contact__text h3 {
  font-size: 26px;
}
.contact__text p {
  margin-bottom: 35px;
}
.contact__shape img {
  position: absolute;
}
.contact__shape img.dot {
  left: 12%;
  top: 36%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact__shape img.dot {
    left: 0%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__shape img.dot {
    left: 2%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact__shape img.dot {
    left: 2%;
    top: 24%;
  }
}
@media (max-width: 575px) {
  .contact__shape img.dot {
    left: 2%;
    top: 24%;
  }
}
.contact__shape img.shape {
  top: 25%;
  left: 16%;
  opacity: 0.04;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact__shape img.shape {
    left: 9%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__shape img.shape {
    left: 0;
    right: 0;
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact__shape img.shape {
    left: 0;
    right: 0;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .contact__shape img.shape {
    left: 0;
    right: 0;
    width: 100%;
  }
}

/*----------------------------------------*/
/*  12. FAQ CSS START
/*----------------------------------------*/
.faq__wrapper .card {
  margin-bottom: 20px;
  border: none;
  background: transparent;
}
.faq__wrapper .card-header {
  padding: 0;
  border: 0;
  border: none;
  background: #f8f7fd;
}
.faq__wrapper .btn-link {
  position: relative;
  padding: 15px 23px;
  width: 100%;
  text-align: left;
  font-size: 18px;
  color: #1f1841;
  font-weight: 700;
  text-decoration: none;
  border: 2px solid #ffffff;
  background: #ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 30px 40px 0px rgba(2, 0, 40, 0.1);
  -moz-box-shadow: 0px 30px 40px 0px rgba(2, 0, 40, 0.1);
  box-shadow: 0px 30px 40px 0px rgba(2, 0, 40, 0.1);
}
.faq__wrapper .btn-link::before {
  position: absolute;
  content: "2";
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "ElegantIcons";
  font-size: 18px;
  color: #1f1841;
  color:#EB7622;
}
.faq__wrapper .btn-link.collapsed {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #f8f7fd;
  border-color: #dddae9;
}
.faq__wrapper .btn-link.collapsed::before {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  color: #1f1841;
}
.faq__wrapper .btn-link:hover {
  text-decoration: none;
}
.faq__wrapper .card-body {
  padding: 30px;
  line-height: 26px;
  padding-right: 60px;
}
.faq__thumb {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq__thumb {
    width: 48%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq__thumb {
    width: 40%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq__thumb {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .faq__thumb {
    display: none;
  }
}
@media (max-width: 575px) {
  .faq__thumb {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .faq__accordion {
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .faq__accordion {
    margin-top: 50px;
  }
}
.faq__accordion::after {
  position: absolute;
  top: -20px;
  left: -35px;
  content: "";
  width: 100%;
  height: 100%;
  background: url("../img/icon/faq/faq-1.png");
  opacity: 0.04;
  z-index: -1;
}
.faq__accordion .card {
  margin-bottom: 20px;
  border: none;
  background: #ffffff;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(3, 0, 53, 0.1);
  -moz-box-shadow: 0px 10px 30px 0px rgba(3, 0, 53, 0.1);
  box-shadow: 0px 10px 30px 0px rgba(3, 0, 53, 0.1);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.faq__accordion .card-header {
  padding: 0;
  border: 0;
  border: none;
  background: #ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.faq__accordion .btn-link {
  position: relative;
  padding: 15px 23px;
  padding-right: 40px;
  width: 100%;
  text-align: left;
  font-size: 18px;
  color:#EB7622;
  font-weight: 700;
  text-decoration: none;
  border: none;
  background: #ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.faq__accordion .btn-link::before {
  position: absolute;
  content: "";
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  color: #1f1841;
  color:#EB7622;
}
.faq__accordion .btn-link.collapsed {
  background: #ffffff;
  color: #1f1841;
}
.faq__accordion .btn-link.collapsed::before {
  content: "";
  color: #1f1841;
}
.faq__accordion .btn-link:hover {
  text-decoration: none;
}
.faq__accordion .card-body {
  padding: 30px;
  line-height: 26px;
  padding-right: 70px;
  padding-top: 0;
}

/*----------------------------------------*/
/*  13. ACHIEVEMENT CSS START
/*----------------------------------------*/
.achievement__content p {
  margin-bottom: 50px;
  line-height: 26px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .achievement__thumb {
    padding-left: 0;
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .achievement__thumb {
    padding-left: 0;
    margin-top: 50px;
  }
}
.achievement__item {
  padding-right: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .achievement__item {
    padding-right: 85px;
  }
}
.achievement__item img {
  margin-bottom: 25px;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -moz-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -ms-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -o-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
}
.achievement__item h3 {
  font-size: 18px;
}
.achievement__item:hover img {
  -webkit-transform: translate3d(0, -10px, 0);
  -moz-transform: translate3d(0, -10px, 0);
  -ms-transform: translate3d(0, -10px, 0);
  -o-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

/*----------------------------------------*/
/*  14. EXPART CSS START
/*----------------------------------------*/
.expart__tab {
  -webkit-box-shadow: 0px 30px 40px 0px rgba(2, 0, 40, 0.1);
  -moz-box-shadow: 0px 30px 40px 0px rgba(2, 0, 40, 0.1);
  box-shadow: 0px 30px 40px 0px rgba(2, 0, 40, 0.1);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
}
.expart__nav .nav-link {
  height: 44px;
  line-height: 44px;
  padding: 0 30px;
  font-size: 14px;
  color: #1f1841;
  background: #eae9f4;
  font-weight: 700;
  -webkit-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  margin-left: 10px;
}
.expart__nav .nav-link.active {
  background:#EB7622;
  color: #ffffff;
}
.expart__tab-content {
  position: relative;
}
.expart__tab-content h3 {
  font-size: 30px;
  margin-bottom: 25px;
}
.expart__tab-content p {
  margin-bottom: 40px;
}
.expart__content {
  padding: 0 70px;
  padding-top: 157px;
  padding-bottom: 160px;
}
@media (max-width: 575px) {
  .expart__content {
    padding: 30px;
  }
}
.expart__thumb {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .expart__thumb {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .expart__thumb {
    display: none;
  }
}
@media (max-width: 575px) {
  .expart__thumb {
    display: none;
  }
}

/*----------------------------------------*/
/*  15. TESTIMONIAL CSS START
/*----------------------------------------*/
.testimonial__thumb {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial__thumb {
    padding-top: 0;
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial__thumb {
    padding-top: 0;
    padding-bottom: 70px;
  }
}
@media (max-width: 575px) {
  .testimonial__thumb {
    padding-top: 0;
    padding-bottom: 70px;
  }
}
.testimonial__thumb::before {
  position: absolute;
  content: "";
  right: 35px;
  top: 21%;
  width: 85%;
  height: 85%;
  z-index: -1;
  background: url("../img/icon/testimonial/border.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial__thumb::before {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial__thumb::before {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial__thumb::before {
    display: none;
  }
}
@media (max-width: 575px) {
  .testimonial__thumb::before {
    display: none;
  }
}
.testimonial__content {
  padding-bottom: 70px;
}
.testimonial__item p {
  font-size: 24px;
  line-height: 34px;
  font-family: "Frank Ruhl Libre", serif;
  margin-bottom: 25px;
}
.testimonial__info h4 {
  font-size: 20px;
  margin-bottom: 0;
}
.testimonial__info span {
  font-size: 14px;
}
.testimonial__slider .owl-dots {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
}
.testimonial__slider .owl-dots .owl-dot {
  width: 14px;
  height: 14px;
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.4);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 10px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.testimonial__slider .owl-dots .owl-dot.active {
  background: #ffffff;
  border-color: #ffffff;
}

/*----------------------------------------*/
/*  16. CASE CSS START
/*----------------------------------------*/
.case__item {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.case__item img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.case__item:hover .case__thumb::after {
  opacity: 0;
}
.case__item:hover .case__thumb::before {
  opacity: 0.9;
}
.case__item:hover .case__info {
  bottom: 0;
  visibility: hidden;
  opacity: 0;
}
.case__item:hover .case__info-2 {
  top: 25px;
  visibility: visible;
  opacity: 1;
}
.case__item:hover .case__plus {
  right: 30px;
  visibility: visible;
  opacity: 1;
}
.case__thumb::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 100%);
  background-image: -webkit-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 100%);
  background-image: -ms-linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 100%);
  background-image: linear-gradient(0deg, #1a152e 0%, rgba(26, 21, 46, 0) 100%);
  z-index: 1;
}
.case__thumb::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(60deg, #ff24f7 0%, #781ce2 100%);
  background-image: -webkit-linear-gradient(60deg, #ff24f7 0%, #781ce2 100%);
  background-image: -ms-linear-gradient(60deg, #ff24f7 0%, #781ce2 100%);
  background-image: linear-gradient(60deg, #ff24f7 0%, #781ce2 100%);
  opacity: 0;
}
.case__info {
  left: 40px;
  bottom: 25px;
  z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .case__info {
    left: 15px;
  }
}
.case__info h4 {
  font-size: 20px;
  margin-bottom: 0;
  color: #ffffff;
}
.case__info span {
  color: #dadde3;
}
.case__info-2 {
  left: 40px;
  top: 0;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .case__info-2 {
    left: 15px;
  }
}
.case__plus {
  right: -30px;
  bottom: 30px;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
}
.case__plus a {
  display: inline-block;
  width: 42px;
  height: 42px;
  line-height: 38px;
  text-align: center;
  border: 2px solid rgba(255, 255, 255, 0.4);
  color: #ffffff;
  font-size: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.case__plus a:hover {
  color: #1f1841;
  border-color: #ffffff;
  background: #ffffff;
}
.case__plus a:hover i:first-child {
  left: -120%;
}
.case__plus a:hover i:last-child {
  left: 50%;
}
.case__plus a i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.case__plus a i:last-child {
  left: 120%;
}
.case__menu button {
  display: inline-block;
  min-height: 40px;
  line-height: 40px;
  color: #4a4960;
  padding: 0 20px;
  font-weight: 700;
  font-family: "Frank Ruhl Libre", serif;
  background: transparent;
}
@media (max-width: 575px) {
  .case__menu button {
    padding: 0 15px;
  }
}
.case__menu button.active {
  background: #ffffff;
  color:#EB7622;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(2, 0, 40, 0.1);
  -moz-box-shadow: 0px 10px 30px 0px rgba(2, 0, 40, 0.1);
  box-shadow: 0px 10px 30px 0px rgba(2, 0, 40, 0.1);
}
.case__menu button:hover {
  color:#EB7622;
}

.fancybox-image, .fancybox-spaceball {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/*----------------------------------------*/
/*  17. BLOG CSS START
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog__wrapper {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog__wrapper {
    margin-right: 0;
    margin-bottom: 50px;
  }
}
@media (max-width: 575px) {
  .blog__wrapper {
    margin-right: 0;
    margin-bottom: 50px;
  }
}
.blog__item {
  padding: 45px 40px;
  padding-right: 60px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.blog__item:hover .blog__thumb {
  opacity: 1;
}
.blog__item:hover .blog__content h3 {
  color: #ffffff;
}
.blog__item:hover .blog__meta h4, .blog__item:hover .blog__meta h6 {
  color: #ffffff;
}
.blog__item:hover .blog__meta span {
  color: #ffffff;
}
.blog__item:hover .blog__meta span a {
  color: #ffffff;
}
.blog__item:hover .link-btn-2 {
  color: #ffffff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog__item {
    padding: 25px;
  }
}
.blog__item-2 {
  border: 1px solid #f6f6f8;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(10, 0, 58, 0.14);
  -moz-box-shadow: 0px 1px 2px 0px rgba(10, 0, 58, 0.14);
  box-shadow: 0px 1px 2px 0px rgba(10, 0, 58, 0.14);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.blog__item-2:hover .blog__thumb-2 img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.blog__thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  opacity: 0;
}
.blog__thumb::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(60deg, #ff24f7 0%, #781ce2 100%);
  background-image: -webkit-linear-gradient(60deg, #ff24f7 0%, #781ce2 100%);
  background-image: -ms-linear-gradient(60deg, #ff24f7 0%, #781ce2 100%);
  background-image: -linear-gradient(60deg, #ff24f7 0%, #781ce2 100%);
  opacity: 0.9;
}
.blog__thumb-2 img {
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.blog__content {
  position: relative;
  z-index: 2;
}
.blog__content h3 {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 50px;
}
.blog__content-2 {
  padding: 30px 50px;
  padding-bottom: 25px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog__content-2 {
    padding: 30px;
  }
}
@media (max-width: 575px) {
  .blog__content-2 {
    padding: 30px;
  }
}
.blog__content-2 h3 {
  font-size: 30px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog__content-2 h3 {
    font-size: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog__content-2 h3 {
    font-size: 25px;
  }
}
@media (max-width: 575px) {
  .blog__content-2 h3 {
    font-size: 18px;
  }
}
.blog__content-2 h3 a:hover {
  color:#EB7622;
}
.blog__content-2 p {
  margin-bottom: 35px;
}
.blog__meta h4 {
  font-size: 26px;
  margin-bottom: 0;
}
.blog__meta h6 {
  font-size: 16px;
  color: #4a4960;
}
.blog__meta span {
  color: #8c8b9c;
}
.blog__meta span a {
  color: #4a4960;
}
.blog__user {
  position: relative;
}
.blog__user::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background:#EB7622;
}
.blog__user img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 15px;
}
.blog__user h6 {
  display: inline-block;
  font-size: 16px;
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .blog__comment {
    margin-top: 10px;
  }
}
.blog__comment a i {
  padding-right: 4px;
}
.blog__comment a:hover {
  color:#EB7622;
}
.blog__play {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.blog__play a {
  display: inline-block;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  color: #ffffff;
  font-size: 26px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  animation: pulse 2s infinite;
  -webkit-animation: pulse 2s infinite;
}
.blog__quote {
  padding: 40px;
  border: 1px solid #f6f6f8;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(10, 0, 58, 0.14);
  -moz-box-shadow: 0px 1px 2px 0px rgba(10, 0, 58, 0.14);
  box-shadow: 0px 1px 2px 0px rgba(10, 0, 58, 0.14);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.blog__quote blockquote {
  padding: 0;
}
.blog__quote h4 {
  font-size: 18px;
}
.blog__quote p {
  font-size: 20px;
  color: #1f1841;
  line-height: 1.3;
}
.blog__quote-line img {
  position: absolute;
}
.blog__quote-line img.line-1 {
  top: -42%;
  left: -30%;
}
.blog__quote-line img.line-2 {
  right: 0;
  bottom: -12%;
}
.blog__quote-line img.line-3 {
  left: -29%;
  top: 0;
}
.blog__quote-line img.line-4 {
  right: -7%;
  bottom: -5%;
}
.blog__quote-2 {
  padding: 50px 40px;
  padding-bottom: 45px;
}
.blog__link-icon i {
  position: absolute;
}
.blog__link-icon i.icon_1 {
  top: 10%;
  left: 3%;
  color:#EB7622;
  font-size: 30px;
  opacity: 0.14;
}
.blog__link-icon i.icon_2 {
  bottom: -10%;
  right: 4%;
  font-size: 70px;
  opacity: 0.14;
}
.blog__text h3 {
  font-size: 32px;
  margin-bottom: 17px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog__text h3 {
    font-size: 27px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog__text h3 {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .blog__text h3 {
    font-size: 22px;
  }
}
.blog__text p {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 30px;
}
.blog__text p span {
  background: #ffbbdb;
  color: #1f1841;
}
.blog__tag span {
  font-family: "Frank Ruhl Libre", serif;
  font-size: 18px;
  color: #1f1841;
  margin-right: 5px;
  font-weight: 700;
}
.blog__tag a {
  display: inline-block;
  height: 24px;
  line-height: 20px;
  text-align: center;
  padding: 0 13px;
  font-size: 14px;
  font-weight: 700;
  border: 2px solid #e8e7ec;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin-right: 8px;
  margin-bottom: 10px;
}
.blog__tag a:hover {
  color: #ffffff;
  background:#EB7622;
  border-color:#EB7622;
}
.blog__share span {
  font-family: "Frank Ruhl Libre", serif;
  font-size: 18px;
  color: #1f1841;
  margin-right: 5px;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 5px;
}
.blog__social ul {
  display: inline-block;
}
.blog__social ul li {
  display: inline-block;
  margin-right: 8px;
}
.blog__social ul li a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #f1f1f1;
  display: inline-block;
}
.blog__social ul li a:hover {
  background:#EB7622;
  color: #ffffff;
}
.blog__author {
  padding: 30px 40px;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(10, 0, 58, 0.14);
  -moz-box-shadow: 0px 1px 4px 0px rgba(10, 0, 58, 0.14);
  box-shadow: 0px 1px 4px 0px rgba(10, 0, 58, 0.14);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
@media (max-width: 575px) {
  .blog__author-content {
    margin-top: 30px;
  }
}
.blog__author-content h5 {
  font-size: 18px;
  margin-bottom: 0;
}
.blog__author-content span {
  font-size: 14px;
  display: inline-block;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog__sidebar {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog__sidebar {
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .blog__sidebar {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog__details-wrapper {
    margin-right: 0;
  }
}
@media (max-width: 575px) {
  .blog__details-wrapper {
    margin-right: 0;
  }
}

.quote-2 {
  right: 50px;
  bottom: -22px;
}

/* sidebar */
.sidebar__widget-title h4 {
  font-size: 22px;
  position: relative;
  padding-bottom: 12px;
}
.sidebar__widget-title h4::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 60px;
  height: 2px;
  background:#EB7622;
}
.sidebar__widget-content .search {
  position: relative;
}
.sidebar__widget-content .search input {
  width: 100%;
  height: 50px;
  line-height: 50px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: none;
  outline: none;
  padding: 0 15px;
  background: #f7f7f7;
  color: #1f1841;
}
.sidebar__widget-content .search input::placeholder {
  color: #8f8f9a;
}
.sidebar__widget-content .search button {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 50px;
  line-height: 50px;
  color:#EB7622;
  background: transparent;
}
.sidebar__widget-content .cat-link ul li {
  margin-bottom: 15px;
}
.sidebar__widget-content .cat-link ul li:last-child {
  margin-bottom: 0;
}
.sidebar__widget-content .cat-link ul li a {
  padding-left: 20px;
  position: relative;
  font-weight: 500;
}
.sidebar__widget-content .cat-link ul li a::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  color:#EB7622;
}
.sidebar__widget-content .cat-link ul li a:hover {
  color:#EB7622;
}
.sidebar__widget-content .cat-link ul li a:hover::after {
  left: 5px;
}

/* recent post */
.rc-thumb img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.rc-text h6 {
  font-size: 18px;
  line-height: 1.3;
  margin-bottom: 5px;
}
.rc-text h6 a:hover {
  color:#EB7622;
}

.rc-meta span {
  font-weight: 500;
}

.rc__comments ul li:hover .rc__comments-icon i {
  background:#EB7622;
  border-color:#EB7622;
  color: #ffffff;
}
.rc__comments-icon i {
  display: inline-block;
  font-size: 22px;
  width: 70px;
  height: 70px;
  line-height: 66px;
  text-align: center;
  color:#EB7622;
  border: 2px solid #dbdae0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.rc__comments-content h6 {
  font-size: 14px;
  color: #1b133f;
  margin-bottom: 7px;
  font-family: "Lato", sans-serif;
  font-weight: 700;
}
.rc__comments-content p {
  margin-bottom: 2px;
}

/* tags */
.tags a {
  display: inline-block;
  height: 34px;
  line-height: 30px;
  text-align: center;
  padding: 0 19px;
  font-size: 14px;
  font-weight: 700;
  border: 2px solid #e8e7ec;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin-right: 8px;
  margin-bottom: 10px;
}
.tags a:hover {
  color: #ffffff;
  background:#EB7622;
  border-color:#EB7622;
}

/* comment box */
.post-comment-title h3 {
  font-size: 22px;
}

.latest-comments li:first-child .comments-box {
  border-top: 0;
  padding-top: 0;
}

.latest-comments li.children {
  margin-left: 105px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .latest-comments li.children {
    margin-left: 60px;
  }
}
@media (max-width: 575px) {
  .latest-comments li.children {
    margin-left: 15px;
  }
}

.comments-avatar {
  float: left;
  margin-right: 20px;
}
.comments-avatar img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.comments-text {
  overflow: hidden;
  border-bottom: 1px solid #f1f0f7;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.comments-text p {
  margin-bottom: 20px;
}

.avatar-name {
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
}

.avatar-name h5 {
  font-size: 18px;
  margin-bottom: 0px;
}

.avatar-name span {
  font-size: 14px;
  font-weight: 500;
}

.comment-reply {
  font-weight: 600;
  font-size: 14px;
  color: #1f1841;
}

.comment-reply i {
  padding-right: 4px;
}

.comment-reply:hover {
  color:#EB7622;
}

/* post comment */
.post-input input, .post-input textarea {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #f5f5f5;
  background: #f5f5f5;
  margin-bottom: 20px;
}
.post-input input::placeholder, .post-input textarea::placeholder {
  font-weight: 500;
  color: #686777;
}
.post-input input:focus, .post-input textarea:focus {
  border-color:#EB7622;
  outline: none;
  background: #ffffff;
}
.post-input input:focus::placeholder, .post-input textarea:focus::placeholder {
  opacity: 0;
}
.post-input textarea {
  height: 180px;
  line-height: 26px;
  resize: none;
  padding: 30px;
  padding-top: 20px;
}

.post-check input {
  margin-right: 5px;
}

.post-comment-form h4 {
  font-size: 22px;
  margin-bottom: 0;
}
.post-comment-form > span {
  display: inline-block;
  margin-bottom: 45px;
}

/*----------------------------------------*/
/*  18. HERO CSS START
/*----------------------------------------*/
.hero__height {
  min-height: 950px;
}
.hero__content span {
  padding: 4px 8px;
  color:#EB7622;
  background: rgba(70, 54, 255, 0.1);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  display: inline-block;
  margin-bottom: 10px;
}
.hero__content h1 {
  font-size: 70px;
  line-height: 1.1;
  margin-bottom: 20px;
  color: #2c234d;
}
@media (max-width: 575px) {
  .hero__content h1 {
    font-size: 40px;
  }
}
.hero__content p {
  font-size: 18px;
  margin-bottom: 55px;
}
.hero__thumb {
  position: absolute;
}
.hero__thumb-wrapper {
  display: block;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .hero__thumb-wrapper {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero__thumb-wrapper {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__thumb-wrapper {
    margin-left: 0;
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero__thumb-wrapper {
    margin-left: 0;
    margin-top: 50px;
  }
}
@media (max-width: 575px) {
  .hero__thumb-wrapper {
    margin-left: 0;
    margin-top: 50px;
  }
}
.hero__thumb.one {
  top: 0;
  left: 45px;
}
.hero__thumb.two {
  left: 295px;
  top: 0;
}
.hero__thumb.three {
  top: 250px;
  left: 0;
}
.hero__thumb.four {
  left: 380px;
  top: 320px;
}
.hero__thumb img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.hero__shape img {
  position: absolute;
}
.hero__shape img.one {
  top: 34%;
  left: 8%;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .hero__shape img.one {
    top: 24%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__shape img.one {
    top: 20%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .hero__shape img.one {
    top: 20%;
  }
}
@media (max-width: 575px) {
  .hero__shape img.one {
    top: 20%;
  }
}
.hero__shape img.two {
  top: 53%;
  left: 55%;
}
.hero__shape img.three {
  top: 20%;
  right: 3%;
}
.hero__shape img.four {
  bottom: 6%;
  right: 14%;
}
.hero__shape img.five {
  bottom: 3%;
  right: 0;
}
.hero__shape img.six {
  left: 3%;
  bottom: 0;
  z-index: 1;
}

/*----------------------------------------*/
/*  19. PROJECT CSS START
/*----------------------------------------*/
.project__item {
  padding: 60px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project__item {
    padding: 30px;
  }
}
@media (max-width: 575px) {
  .project__item {
    padding: 20px;
  }
}
.project__item:hover .project__no h5 {
  background:#EB7622;
  color: #ffffff;
}
.project__no h5 {
  display: inline-block;
  font-size: 26px;
  color:#EB7622;
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  background: rgba(70, 54, 255, 0.1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-bottom: 25px;
}
.project__content h3 {
  font-size: 26px;
  font-weight: 900;
  margin-bottom: 55px;
}
.project__content h3 a:hover {
  color:#EB7622;
}
.project__thumb img {
  width: inherit !important;
  max-width: 100% !important;
}

/*----------------------------------------*/
/*  20. PAGE TITLE CSS START
/*----------------------------------------*/
.page__title {
  min-height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.page__title::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(60deg, #690ed0 0%, #170da2 100%);
  background-image: -ms-linear-gradient(60deg, #690ed0 0%, #170da2 100%);
  background-image: -webkit-linear-gradient(60deg, #690ed0 0%, #170da2 100%);
  background-image: linear-gradient(60deg, #690ed0 0%, #170da2 100%);
  opacity: 0.9;
}
.page__title-2 {
  min-height: 700px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .page__title-2 {
    min-height: 500px;
  }
}
@media (max-width: 575px) {
  .page__title-2 {
    min-height: 500px;
  }
}
.page__title-content h2 {
  font-size: 70px;
  color: #ffffff;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .page__title-content h2 {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .page__title-content h2 {
    font-size: 50px;
  }
}
.page__title-content .breadcrumb {
  padding: 0;
  background-color: transparent;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  margin-bottom: 0;
}
.page__title-content .breadcrumb-item {
  color: #ffffff;
  font-size: 18px;
}
.page__title-content .breadcrumb-item:hover {
  color: #ffffff;
}
.page__title-content .breadcrumb-item.active {
  padding-left: 14px;
}
.page__title-content .breadcrumb-item.active:hover {
  color: #ffffff;
}
.page__title-content .breadcrumb-item.active::before {
  content: "|";
  color: #ffffff;
  padding-right: 14px;
}
.page__title-content span {
  color: #ffffff;
  opacity: 0.5;
  display: inline-block;
  margin-bottom: 15px;
}
.page__title-content h3 {
  font-size: 70px;
  color: #ffffff;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .page__title-content h3 {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .page__title-content h3 {
    font-size: 30px;
  }
}

/*----------------------------------------*/
/*  21. PORTFOLIO CSS START
/*----------------------------------------*/
.portfolio__item:hover .portfolio__thumb::before {
  opacity: 0.9;
}
.portfolio__item:hover .portfolio__plus {
  visibility: visible;
  opacity: 1;
  top: 50%;
}
.portfolio__item:hover .portfolio__more {
  visibility: visible;
  opacity: 1;
  left: 0;
}
.portfolio__thumb {
  position: relative;
}
.portfolio__thumb img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.portfolio__thumb::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(60deg, #ff24f7 0%, #781ce2 100%);
  background-image: -webkit-linear-gradient(60deg, #ff24f7 0%, #781ce2 100%);
  background-image: -ms-linear-gradient(60deg, #ff24f7 0%, #781ce2 100%);
  background-image: linear-gradient(60deg, #ff24f7 0%, #781ce2 100%);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  opacity: 0;
}
.portfolio__content {
  padding: 35px 0;
}
.portfolio__content h4 {
  font-size: 24px;
  margin-bottom: 5px;
}
.portfolio__content h4 a:hover {
  color:#EB7622;
}
.portfolio__content p {
  margin-bottom: 0;
}
.portfolio__plus {
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  visibility: hidden;
  opacity: 0;
  z-index: 2;
}
.portfolio__plus a {
  display: inline-block;
  width: 42px;
  height: 42px;
  line-height: 38px;
  text-align: center;
  border: 2px solid rgba(255, 255, 255, 0.4);
  color: #ffffff;
  font-size: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.portfolio__plus a:hover {
  color: #1f1841;
  border-color: #ffffff;
  background: #ffffff;
}
.portfolio__plus a:hover i:first-child {
  left: -120%;
}
.portfolio__plus a:hover i:last-child {
  left: 50%;
}
.portfolio__plus a i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.portfolio__plus a i:last-child {
  left: 120%;
}
.portfolio__more {
  bottom: 30px;
  background: #ffffff;
  z-index: 1;
  padding: 3px 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  left: -30px;
}
.portfolio__more .link-btn {
  font-size: 16px;
}
.portfolio__more .link-btn:hover {
  color: #1f1841;
}
.portfolio__load a i {
  margin-left: 0;
  padding-right: 5px;
}
.portfolio__menu span {
  color: #1f1841;
}
.portfolio__menu button {
  color: #646374;
  padding: 0 20px;
  background: transparent;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio__menu button {
    padding: 0 10px;
  }
}
@media (max-width: 575px) {
  .portfolio__menu button {
    display: block;
    padding: 10px 0px;
  }
}
.portfolio__menu button.active {
  color:#EB7622;
}
.portfolio__menu button:hover {
  color:#EB7622;
}
.portfolio__details-content h1 {
  font-size: 50px;
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .portfolio__details-content h1 {
    font-size: 40px;
  }
}
.portfolio__meta h4 {
  display: inline-block;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 16px;
}
.portfolio__info h3 {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 7px;
}
.portfolio__overview h2 {
  font-size: 20px;
}
.portfolio__pagination-wrapper {
  padding-top: 30px;
  border-top: 1px solid #eeeeee;
}

/*----------------------------------------*/
/*  00. Footer CSS START
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer__widget-3 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__widget-3 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__widget-3 {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .footer__widget-3 {
    margin-left: 0;
  }
}
.footer__widget-title h4 {
  font-size: 24px;
  font-weight: 900;
  margin-bottom: 25px;
}
.footer__widget-content-2 p {
  color: #d1cfdd;
}
.footer__links ul li {
  margin-bottom: 10px;
}
.footer__links ul li a {
  position: relative;
}
.footer__links ul li a::before {
  content: "";
  width: 0;
  height: 1px;
  bottom: 0;
  position: absolute;
  left: auto;
  right: 0;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  background:#EB7622;
}
.footer__links ul li a:hover {
  color:#EB7622;
}
.footer__links ul li a:hover::before {
  width: 100%;
  left: 0;
  right: auto;
}
.footer__links-2 ul li a {
  color: #d1cfdd;
}
.footer__links-2 ul li a::before {
  background: #ffffff;
}
.footer__links-2 ul li a:hover {
  color: #ffffff;
}
.footer__info ul li {
  margin-bottom: 8px;
  display: flex;
}
.footer__info ul li .icon i {
  line-height: 27px;
  color:#EB7622;
  margin-right: 15px;
}
.footer__info ul li .text span {
  font-weight: 700;
}
.footer__copyright {
  border-top: 1px solid #e7e7e7;
  padding: 25px 0;
}
.footer__copyright-2 {
  border-top: 1px solid #3f395c;
}
.footer__copyright-inner {
  border-top: 1px solid #e7e7e7;
  padding: 25px 0;
}
.footer__copyright-text p {
  margin-bottom: 0;
}
.footer__copyright-text p a {
  font-weight: 700;
  color: #1f1841;
}
.footer__copyright-text p a:hover {
  color:#EB7622;
}
.footer__copyright-text-2 p {
  color: #868395;
}
.footer__copyright-text-2 p a {
  color: #ffffff;
}
.footer__copyright-text-2 p a:hover {
  color: #ffffff;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__social {
    float: left;
    margin-top: 20px;
  }
}
@media (max-width: 575px) {
  .footer__social {
    float: left;
    margin-top: 20px;
  }
}
.footer__social ul li {
  display: inline-block;
  margin-right: 7px;
}
.footer__social ul li a {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #f1f1f1;
  font-size: 14px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.footer__social ul li a:hover {
  background: #7b23de;
  color: #ffffff;
}
.footer__social-2 ul li a {
  background: #363054;
  color: #ffffff;
}
.footer__subscribe input {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  background: #ffffff;
  border: none;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(2, 0, 40, 0.08);
  -moz-box-shadow: 0px 2px 4px 0px rgba(2, 0, 40, 0.08);
  box-shadow: 0px 2px 4px 0px rgba(2, 0, 40, 0.08);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.footer__subscribe input::placeholder {
  font-weight: 500;
  color: #686777;
}
.footer__subscribe input:focus {
  border: none;
  outline: none;
}
.footer__subscribe input:focus::placeholder {
  opacity: 0;
}
.footer__subscribe button {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  background:#EB7622;
  height: 50px;
  line-height: 50px;
  text-align: center;
  padding: 0 15px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

/*# sourceMappingURL=style.css.map */